<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>注册</title>
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}" crossorigin="anonymous">

        <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
        <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.css}" crossorigin="anonymous">

        <script th:src="@{/js/jquery-3.4.1.min.js}" type="text/javascript" charset="utf-8"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script th:src="@{/bootstrap/js/bootstrap.js}" crossorigin="anonymous"></script>
        <link rel="stylesheet" th:href="@{/css/poem.css}">
    </head>
    <body>
        <!-- 导航 -->
        <nav class="navbar navbar-inverse navbar-fix-top" role="navigation">
            <div class="container" th:replace="fragments/header::header">
            </div>
        </nav>

        <div class="container">
            <div class="blog-header">
                <h1 class="blog-title">博雅古诗词</h1>
                <p class="lead blog-description">带你穿越时空，与诗仙一起吟诗作赋。</p>
            </div>
            <div class="container container-small">
                <h1>注册
                <small>已有账号？<a href="/login">登录</a></small>
                </h1>
                <form th:action="@{/signup}" method="post">
                    <div class="form-group">
                        <label for="username">手机</label>
                        <input type="text" id="username" name="username" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="vcode">验证码</label>
                        <div class="input-group">
                            <input type="text" id="vcode" name="vcode" class="form-control">
                            <div class="input-group-btn">
                                <div class="btn btn-default">获取验证码</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password">密码</label>
                        <input type="password" id="password" name="password" class="form-control">
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary btn-block">注册</button>
                    </div>
                    <div class="form-group">
                        注册即代表您同意<a href="#">《博雅古诗词服务条款》</a>
                    </div>
                </form>
            </div>
        </div>
        <div th:replace="fragments/footer::footer"></div>
    </body>
</html>
